<template>
	<view class="container">
		<Tabs>
			<!-- <template v-slot:my>
				<view>这是我的页面</view>
			</template> -->
			<template v-slot:music>
				<!-- 音乐馆页面组件 -->
				<MusicTabPage />
			</template>
			<template v-slot:discover>
				<!-- 这是发现页面组件 -->
				<DiscoverTabPage></DiscoverTabPage>
			</template>
		</Tabs>
	</view>
</template>

<script>
	// 导入组件
	import Tabs from '@/components/Tabs.vue'
	import MusicTabPage from '../../components/MusicTabPage';
	import DiscoverTabPage from '../../components/DiscoverTabPage';
	export default {
		// 注册组件
		components: {
			Tabs,
			MusicTabPage,
			DiscoverTabPage
		},
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui'

			}
		},
		methods: {}
	}
</script>

<style lang="scss">
	.container {
		// padding: 20px;
		// font-size: 14px;
		// line-height: 24px;
	}
</style>